<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml" >
    
    <f:metadata>        
        <!--
        <f:event type="preRenderView" listener="#{ordenTesoreriaBean.iniciarVariables('0100','0100','FC','PR001')}" />         
        -->
    </f:metadata>

    <ui:define name="titulo" >
        - Orden de Tesorería
    </ui:define>

    <ui:define name="contenido" >
                        
        <h:form id="formulario" prependId="false">
            
            <p:remoteCommand name="procesarCliente"  process="@this" update="@form" actionListener="#{ordenTesoreriaBean.procesarCliente}" />            
 
            <!-- MENU -->
            <p:menubar id="menuBar">
               <p:menuitem value="Nuevo" icon="blank16" id="btnNew"
                           action="#{ordenTesoreriaBean.nuevoMovimiento}"
                           process="@this"
                           update="@form" />
                <p:menuitem value="Guardar" icon="save16"
                            action="#{ordenTesoreriaBean.guardar(false)}"
                            rendered="#{not ordenTesoreriaBean.m.persistido }"
                            update="@form" />
                <p:menuitem value="Guardar y Nuevo" icon="saveNew16"
                            action="#{ordenTesoreriaBean.guardar(true)}"
                            rendered="#{not ordenTesoreriaBean.m.persistido }"
                            oncomplete="btnNew.click()"
                            update="@form" />
                <p:menuitem value="Imprimir" icon="print16"
                            action="#{ordenTesoreriaBean.imprimir}"
                            rendered="#{ordenTesoreriaBean.m.persistido }"
                            ajax="false" target="blank" >
                </p:menuitem>
            </p:menubar>
            
            <p:sticky target="menuBar" />
            
            <p:messages showDetail="true" />
            
            <p:spacer width="100%" height="1em" />            
            
            <p:panel header="Datos" >               
                <!-- CABECERA -->
                <div class="ui-grid-responsive " >

                    <div class="ui-grid-row" > 
                        <div class="ui-grid-col-12">                            
                            <h:panelGrid columns="6" columnClasses="colLabel10,colDato20,colLabel10,colDato20,colLabel10,colDato20" 
                                         cellspacing="10"
                                         style="width: 100%; border: none;"  >                            

                                <h:outputText value="Formulario" />
                                <h:outputText value="#{ordenTesoreriaBean.m.formulario.descripcion}" />

                                <h:outputText value="Número" />
                                <h:outputText value="#{ordenTesoreriaBean.m.numeroFormulario}" >
                                    <f:convertNumber pattern="00000000" />
                                </h:outputText>

                                <h:outputText value="Fecha" />
                                <h:outputText value="#{ordenTesoreriaBean.m.fechaMovimiento}" >
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputText>                

                                <h:outputText value="Cuenta" />
                                <h:outputText value="#{ordenTesoreriaBean.m.cuentaTesoreriaDebe}" />                                
                                
                            </h:panelGrid>
                        </div>
                    </div>
                </div>                        
            </p:panel>
            
            <p:spacer width="100%" height="1em" />
                        
            <!-- DETALLE -->
            <p:tabView>
                <p:tab title="Debe">  
                    
                    <p:dataTable id="detalleDebe" value="#{ordenTesoreriaBean.m.itemsDebe}" var="i" >
                        <p:column headerText="Item" width="5%" >
                            <h:outputText value="#{i.nroItem}" />
                        </p:column>
                        <p:column headerText="Concepto" width="45%" >                                                        
                            <h:outputText value="#{i.concepto.descripcion}" />
                        </p:column>                        
                                              
                        <p:column headerText="Importe"  width="10%" >
                            <p:inputText id="precio"  value="#{i.importe}" style="width: 98%;text-align: right;" >
                                <f:convertNumber pattern="###,###,##0.00" />
                                <p:ajax listener="#{ordenTesoreriaBean.calcularImportes}" event="keyup" 
                                        update="total,:formulario:totales" />
                            </p:inputText>
                        </p:column>
                        
                    </p:dataTable>
                    
                </p:tab>
                             
                <p:tab title="Haber">
                    
                    <p:dataTable id="detalleHaber" value="#{ordenTesoreriaBean.m.itemsHaber}" var="i" >
                        <p:column headerText="Item" width="5%" >
                            <h:outputText value="#{i.nroItem}" />
                        </p:column>
                        <p:column headerText="Concepto" width="45%" >                                                        
                            <h:outputText value="#{i.concepto.descripcion}" />
                        </p:column>                        
                                              
                        <p:column headerText="Importe"  width="10%" >
                            <p:inputText id="precio"  value="#{i.importe}" style="width: 98%;text-align: right;" >
                                <f:convertNumber pattern="###,###,##0.00" />
                                <p:ajax listener="#{ordenTesoreriaBean.calcularImportes}" event="keyup" 
                                        update="total,:formulario:totales" />
                            </p:inputText>
                        </p:column>
                        
                    </p:dataTable>
                    
                </p:tab>
                
            </p:tabView>
            
        </h:form>
        
    </ui:define>
    
    <ui:define name="dialogos" >
        <ui:include src="/entidad/buscadorEntidad.xhtml" />
        <ui:include src="/inventario/buscadorProducto.xhtml" />        
    </ui:define>

</ui:composition>
</html>

